.resultPanel {
  width: 100%;
  height: 100%;
  min-width: 900px;
  .topDes {
    height: 200px;
    width: 900px;
    margin: 30px auto;
    .left-img {
      width: 420px;
      height: 100%;
      display: inline;
      float: left;
      img {
        height: 100%;
        float: right;
      }
    }
    .right-des {
      width: 430px;
      display: inline;
      float: right;
      padding: 20px 0;
      p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 40px;
        font-size: 17px;
      }
    }
  }
  .bottomMsg {
    width: 100%;
    padding-top: 20px; 
    .tabs {
      height: 40px;
      line-height: 40px;
      ul {
        list-style: none;
        width: 452px;
        height: 100%;
        margin:  0 auto;
        border: 1px solid #eee;
        box-sizing: border-box;
        li {
          float: left;
          width: 150px;
          text-align: center;
          cursor: pointer;
          border-right: 1px solid #eee;
          box-sizing: border-box;
        }
        li:last-child {
          border-right: 0;
        }
        li.active {
          background: #093;
          color: #fff;
        }
        li:hover {
          background: #093;
          color: #fff;
        }
      }
    }
    .result-content {
      width: 600px;
      margin: 0 auto;
      min-height: 50px;
      padding-top: 50px;
      .title, .res-msg {
        width: 100%;
        height: 40px;
        ul {
          list-style: none;
          height: 40px;
          line-height: 40px;
          border-top: 1px solid #eee;
          li {
            float: left;
            height: 100%;
            width: 150px;
            text-align: center;
          }
        }
        .bb {
          border-bottom: 1px solid #eee;
        }
      }
      .res-msg {
        height: 80px;
        width: 100%;
      }
    }
  }
}